<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- form表域 -->
    <form action="demo.php" method="post" name="first">
        <!-- input -->
         <!-- value显示值 -->
          <!--1. name和value是每个表单都有的属性值，主要给后台人员使用 
                2.单选按钮和复选框都要有相同的name值-->
    用户名：<input type="text" value="请输入用户名"><br>
    密码：<input type="password" value="请输入密码"><br>
    <!-- 单选框必须有一个名字才能实现单选 -->
    单选框：男<input type="radio" name="xingbie"> &nbsp;女<input type="radio" name="xingbie"><br>
    多选框：爱好：吃饭<input type="checkbox"> 睡觉<input type="checkbox"> 打游戏<input type="checkbox">
    </form>
</body>
</html>